<template>
    <div class="school">
        <h2>学校名称:{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
    </div>
</template>

<script>

export default {
    name:"SchoolInfo",
    data(){
        return{
            name:"辽宁大学",
            address:"沈阳市"
            
        }
    },
    mounted(){
        // 全局事件总线，x放在了vue的原型上，vc顺着原型链找到了x
        console.log('School',this.x)
        this.$bus.$on('hello',(data)=>{ //使用全局事件总线
            console.log('我是School组件，收到了数据',data)
        })
    },
    beforeDestroy(){
        this.$bus.$off('hello')//销毁hello
    }
}
</script>
<style scoped>
    .school{
        background-color: pink;
        padding: 5px;
    }
</style>